<!DOCTYPE html>
<html lang="zh-hans">
<head>
    <meta charset="UTF-8">
    <title>调查问卷</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <aside>
        <h1><a href="/">调查问卷</a></h1>
        <section>
            <h2>用户管理</h2>
            <a href="/user/register.html">注册</a>
            <a href="/user/login.html">登录</a>
            <a href="/user/quit.do">退出</a>
        </section>
        <section>
            <h2>题库管理</h2>
            <a href="/question/create.html">录制题目</a>
            <a href="/question/list.html">我的题目</a>
        </section>
        <section>
            <h2>问卷管理</h2>
            <a href="/survey/create.html">新建问卷</a>
            <a href="/survey/list.html">我的问卷</a>
        </section>
        <section>
            <h2>活动管理</h2>
            <a href="/activity/create.html">创建活动</a>
            <a href="/activity/list.html">我的活动</a>
        </section>
    </aside>
    <main>
        <p class="current-user">加载中 ...</p>
        <section>
            <h2>操作帮助</h2>
            <p>第一步，在题库中创建题目，目前系统仅支持 4 个选项的单选题。</p>
            <p>第二步，创建问卷。</p>
            <p>第三步，将问卷与对应题目进行关联。</p>
            <p>第四步，关联问卷，创建活动并得到调查问卷链接，将链接分享给参与调查的人群。</p>
            <p>第五步，调查活动结束，可以查看调查结果统计。</p>
        </section>
    </main>
    <script src="js/current-user.js"></script>
    <script>
        window.onload = function() {
            let xhr = new XMLHttpRequest()
            xhr.open('get', '/user/current-user.json')
            xhr.onload = function () {
                let data = JSON.parse(this.responseText)
                renderCurrentUser(data.currentUser)
            }
            xhr.send()
        }
    </script>
</body>
</html>